.contact-baidu iframe {
  height: 550px;
}
@media screen and (max-width: 768px) {
  .contact-baidu iframe {
    height: 200px;
  }
}
.contact-info .container {
  margin-top: 6rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
}
.contact-info .container .row > div {
  height: 5.6rem;
}
.contact-info .container .row .iconfont {
  font-size: 2.2rem;
  color: #25BC89;
  position: absolute;
  left: 1.6rem;
  top: 1rem;
}
.contact-info .container .row .contact-info-right {
  width: 100%;
  padding-left: 4rem;
  box-sizing: border-box;
}
.contact-info .container .row .contact-info-right h3 {
  font-size: 1.2rem;
}
.contact-info .container .row .contact-info-right > span {
  color: #A3A3A3;
}
@media screen and (max-width: 768px) {
  .contact-info .container {
    margin-top: 2rem;
  }
}
.contact-us-form .container {
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 4.5rem;
}
.contact-us-form .container > h2 {
  color: #25BC89;
  font-size: 1.6rem;
}
.contact-us-form .container > h2 + p {
  margin-bottom: 2rem;
}
.contact-us-form .container input,
.contact-us-form .container textarea {
  border: 1px solid #ccc;
  height: 3rem;
  padding: .7rem;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 12px;
}
.contact-us-form .container .inp-name {
  width: 48%;
  float: left;
}
.contact-us-form .container .inp-email {
  width: 48%;
  float: right;
}
.contact-us-form .container textarea {
  height: 12rem;
  resize: none;
}
.contact-us-form .container button {
  margin-top: 2rem;
  width: 16rem;
  height: 2.8rem;
  background-color: #25BC89;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .contact-us-form .container .inp-name,
  .contact-us-form .container .inp-email {
    width: 100%;
  }
}
